<template>
   <div  class="container">
  
   </div>
</template>

<script>
import { onBeforeMount ,onMounted} from 'vue'
export default {
name:'App',

setup() {
//   1，dom渲染前的钩子
onBeforeMount(()=>{
    console.log('dom渲染前的钩子',document.querySelector('.container'));
})
//   2，dom渲染后的钩子
onMounted(()=>{
    console.log('dom渲染后的钩子1',document.querySelector('.container'));
})
// 可重复定义生命周期函数
onMounted(()=>{
    console.log('dom渲染后的钩子2',document.querySelector('.container'));
})
},

}
</script>

<style>

</style>